<style>
	.order_calendar {
		border-collapse: collapse;
		table-layout: automatic;
		width: 100%;
	}
	.order_calendar th {
		padding: 10px 0 10px 0;
		border: 1px solid #cccccc;
		text-align: center;
		width: 14.28%;
		font-size: 14px;
	}
	.order_calendar td{
		padding: 2px 0 2px 0;
		border: 1px solid #cccccc;
		text-align: center;
		width: 14.28%;
		font-size: 12px;
		overflow: hidden;
		text-overflow:ellipsis;
		z-index: 10000;
		position: relative;
	}
	.order_calendar td font{
		z-index: 10;
	}
	
	.order_calendar td span{
		font-size: 10px;
		color: red;
		position: absolute;
		top: 0px;
		left:0px;
		-webkit-transform-origin-x: 0;
		-webkit-transform: scale(0.80);
	}
	
	.order_calendar .nac
	{
		background-color: #ff8261;
		text-shadow: 0;
		color: #ffffff;
	}
	.order_calendar .days:HOVER
	{
		cursor:pointer;
	}
	.order_calendar .undays
	{
		background-color: #aaaaaa;
	}
</style>
<div class="container">
	<h3>请选择乘车日期</h3>
	<div class="form" style="padding: 20px 0px;">
		<form class="form-horizontal">
			<div class="form-body" style="">
				<div class="row">
					<div class="col-md-6" style="padding: 15px;" ng-repeat = "calendar in calendars" ng-bind-html="calendar.html | to_trusted">
						
					</div>
				</div>
			</div>
			<div class="form-actions">
				<div class="row">
					<div class="text-center">
						<button type="button" ng-click="bookingPreStep();" class="btn btn-circle blue">上一步</button>
						<button type="button" ng-click="bookingNextStep();" class="btn btn-circle blue">下一步</button>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>